<template>
    <table>
        <tr>
            <td colspan="2">登录</td>
        </tr>
        <tr>
            <td>名称</td>
            <td><input type="text" placeholder="请输入用户名称" v-model="name"/></td>
        </tr>
        <tr>
            <td>密码</td>
            <td><input type="password" placeholder="请输入密码" v-model="pwd"/></td>
        </tr>
        <tr>
            <td colspan="2" style="text-align:center;">
                <input type="button" value="登录" @click="DengLu" />
            </td>
        </tr>
    </table>
</template>
<script setup lang="ts">
    import {ref} from 'vue';
     import axios from 'axios';

    const name=ref("");
    const pwd=ref("");

    const DengLu=()=>{
        
        if(name.value=="")
        {
            alert('用户名不能为空！');
            return;
        }
        if(pwd.value=="")
        {
            alert('密码不能为空！');
            return;
        }
        if(pwd.value.length<3||pwd.value.length>6)
        {
            alert('密码需要3-6位！');
            return;
        }

        axios.get("https://localhost:7153/api/Member/MemberLogin",
            {
                params:{
                    Mname:name.value,
                    Mpwd:pwd.value
                }
            }
        )
        
        .then(res=>{
            if(res.data==-1){
                alert('此用户不存在');
            }
            else if(res.data>0){
                alert('登录成功');
            }
            else{
                alert('登录失败，密码错误');
            }
        })

    }

    


</script>
